<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/index.css">
    <script src='./boot/js/jquery.min.js'></script>
    <script src='./boot/js/popper.min.js'></script>
    <script src='./boot/js/bootstrap.min.js'></script>
    <link rel='stylesheet' href='./boot/css/bootstrap.css'>
</head>
<body>
    <!-- 导航 -->
    <div class="header fixed-top">
        <img src="./img/logo.png" alt="">
        <div class="location">成都▼</div>
        <div class="btns">
            <img src="./img/搜索.png" alt="">
            <img src="./img/点 (1).png" alt="">
        </div>
    </div>
    <!-- 请登录 -->
    <div class="dwl">
        欢迎来到中国移动掌上营业厅
        <a href="#">去登录></a>
    </div>

    <!-- 广播 -->
    <div class="anc">
        <img src="./img/laba.png" alt="">
        公告：中国移动掌上营业厅7月20日23：00至7月...
    </div>

    <!-- 轮播图 -->
    <div id="carouselExampleIndicators" class="carousel slide myswiper" data-ride="carousel">
        <ol class="carousel-indicators">
          <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
          <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
          <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
          <li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
        </ol>
        <div class="carousel-inner">
          <div class="carousel-item active">
            <img src="./img/swiper1.jpg" class="d-block w-100 h-100" alt="...">
          </div>
          <div class="carousel-item">
            <img src="./img/swiper2.jpg" class="d-block w-100 h-100" alt="...">
          </div>
          <div class="carousel-item">
            <img src="./img/swiper3.jpg" class="d-block w-100 h-100" alt="...">
          </div>
          <div class="carousel-item">
            <img src="./img/swiper4.jpg" class="d-block w-100 h-100" alt="...">
          </div>
        </div>
      </div>

      <!-- 小项 -->
      <div class="ltcontent">
          <div class="item">
              <img src="./img/icon1.png" alt="">
              <span>话费充值</span>
          </div>
          <div class="item">
            <img src="./img/icon2.png" alt="">
            <span>流量充值</span>
        </div>
        <div class="item">
            <img src="./img/icon3.png" alt="">
            <span>账单查询</span>
        </div>
        <div class="item">
            <img src="./img/icon4.png" alt="">
            <span>套餐余量</span>
        </div>
        <div class="item">
            <img src="./img/icon5.png" alt="">
            <span>已订业务</span>
        </div>
        <div class="item">
            <img src="./img/icon6.png" alt="">
            <span>国漫专区</span>
        </div>
        <div class="item">
            <img src="./img/icon7.png" alt="">
            <span>5G专区</span>
        </div>
        <div class="item">
            <img src="./img/icon8.png" alt="">
            <span>买手机</span>
        </div>
        <div class="item">
            <img src="./img/icon9.png" alt="">
            <span>办业务</span>
        </div>
        <div class="item">
            <img src="./img/icon10.png" alt="">
            <span>选靓号</span>
        </div>
      </div>

      <div class="banner">
          <img src="./img/lazy1.jpg" alt="">
      </div>

      <div class="fl1">
          <span>🏠全家享</span>
      </div>

      <div class="f1content">
          <div class="item st">
              <p>宽带新装</p>
              <p>家居必备</p>
              <img src="./img/bgicon1.png" alt="">
          </div>
          <div class="item">
            <p>全国亲情网</p>
            <p>成员多至19人</p>
            <img src="./img/bigicon2.png" alt="">
        </div>
      </div>

      <div class="fl2">
        <span>☆终端推荐</span>
    </div>

    <div class="f2content">
        <div class="item st btt">
            <img src="./img/iphone.jpg" alt="">
            <div class="sale">售罄</div>
            <div class="title">iPhone8</div>
        </div>
        <div class="item  btt">
            <img src="./img/iphonePlus.jpg" alt="">
            <div class="sale">售罄</div>
            <div class="title">iPhone8 Plus</div>
        </div>
        <div class="item st">
            <img src="./img/huawei1.jpg" alt="">
            <div class="sale">1,499</div>
            <div class="title">华为畅享9Plus</div>
        </div>
        <div class="item">
            <img src="./img/huawei2.jpg" alt="">
            <div class="sale">售罄</div>
            <div class="title">华为Mate20</div>
        </div>
    </div>

    <div class="fl3">
        <span>💼业务推荐</span>
    </div>

    <div class="f3content">
        <div class="item">
            <div class="content">
                <div class="mysale">流浪日套餐</div>
                <div class="mytitle">10元1G用一天</div>
            </div>
            <img src="./img/sun.png" alt="">
        </div>
        <div class="item">
            <div class="content">
                <div class="mysale">流量小时套餐</div>
                <div class="mytitle">6元1G用4小时</div>
            </div>
            <img src="./img/colck.png" alt="">
        </div>
    </div>

    <div class="more">
        更多业务>
    </div>

    <div class="banner">
        <img src="./img/lazy2.png" alt="">
    </div>

    <div class="fl4">
        <span>✨特色专区</span>
    </div>

    <div class="f4content">
        <div class="item">
            <div class="content">
                <div class="mysale">国际/港澳台</div>
                <div class="mytitle">畅游各地不断网</div>
            </div>
            <img src="./img/micon1.png" alt="">
        </div>
        <div class="item">
            <div class="content">
                <div class="mysale">活动专区</div>
                <div class="mytitle">用户福利全在这里</div>
            </div>
            <img src="./img/micon2.png" alt="">
        </div>
         <div class="item">
            <div class="content">
                <div class="mysale">宽带专区</div>
                <div class="mytitle">百兆宽带优惠享</div>
            </div>
            <img src="./img/micon3.png" alt="">
        </div>
        <div class="item">
            <div class="content">
                <div class="mysale">手机病毒预警</div>
                <div class="mytitle">保护个人信息安全</div>
            </div>
            <img src="./img/micon4.png" alt="">
        </div>
        <div class="item">
            <div class="content">
                <div class="mysale">5G专区</div>
                <div class="mytitle">5G时代看移动</div>
            </div>
            <img src="./img/micon5.png" alt="">
        </div>
        <div class="item">
            <div class="content">
                <div class="mysale">资费专区</div>
                <div class="mytitle">自由专区，随心组合</div>
            </div>
            <img src="./img/micon6.png" alt="">
        </div>
    </div>

    <div class="fl5">
        <span>❤猜你喜欢</span>
    </div>

    <div class="f5content">
        <div class="item st btt">
            <img src="./img/goods1.jpg" alt="">
            <div class="sale">【移动商城】vivo  iQOO U3 5G手机</div>
            <div class="title">裸机优惠至高150元</div>
        </div>
        <div class="item  btt st">
            <img src="./img/goods2.jpg" alt="">
            <div class="sale">【NL】vivo Y30标准版</div>
            <div class="title">裸机优惠99元</div>
        </div>
        <div class="item btt">
            <img src="./img/goods3.png" alt="">
            <div class="sale">【移动商城】Redmi Note10 5G手机</div>
            <div class="title">赠200元移动话费券（7.16-7.25购机） 承诺在网24个月信用购机方案总价0元起</div>
        </div>
        <div class="item st">
            <img src="./img/goods4.png" alt="">
            <div class="sale">韩国大包多天流量包</div>
            <div class="title">3/5/7天畅享流量</div>
        </div>
        <div class="item st">
            <img src="./img/goods5.jpg" alt="">
            <div class="sale">【移动商城】小米10 青春版 5G手机</div>
            <div class="title">承诺在网24个月 信用购机方案总价0元起</div>
        </div>
        <div class="item">
            <img src="./img/goods6.jpg" alt="">
            <div class="sale">港澳台三地流量包</div>
            <div class="title">一次订购，三地通用，3/5/7天畅享流量</div>
        </div>
    </div>

    <div class="last">
        <div class="p1">
            京ICP备05002571号 证照信息
        </div>
        <div class="p2">
            Copyright@1999-2021 中国移动 版权所有
        </div>
        <div class="p3">
            本网站支持IPv6访问
        </div>
    </div>
    
    <div class="footer fixed-bottom">
        <div class="item">
            <img src="./img/bt1.png" alt="">
            <span>首页</span>
        </div>
        <div class="item">
            <img src="./img/bt2.png" alt="">
            <span>商城</span>
        </div>
        <div class="item">
            <img src="./img/bt3.png" alt="">
            <span>优惠</span>
        </div>
        <div class="item">
            <img src="./img/bt4.png" alt="">
            <span>个人中心</span>
        </div>
    </div>
</body>

</html>